<template>
    <view>
        <!-- pagesc/individualpay/index.wxml -->
        <view class="cashier_box_2">
            <view class="cardsale-conter">
                <view class="shop-message">
                    <view class="shop-lt">
                        <view class="lt-profile">
                            <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/profile-hai.png" mode="" />
                        </view>
                        <view class="lt-name">
                            {{ memberList.userName }}
                            <view class="lt-phone">散客</view>
                        </view>
                    </view>
                    <view class="shop-rl">
                        <button class="btn-right">修改</button>
                    </view>
                </view>
                <view></view>
            </view>
        </view>
        <view class="goods_list">
            <view class="list_t">
                <view class="list_t_l">
                    <text class="num">12</text>
                    <text class="name">☓1</text>
                </view>
                <view class="list_t_r">
                    <text class="price-num">￥{{ price }}</text>
                </view>
            </view>

            <view class="list_c">
                <!-- <view class="list_c_t" wx:for="{{item.selLists}}" wx:key="id" wx:for-item="i" wx:for-index="id"> -->
                <view class="list_c_t">
                    <view class="list_c_t_l" :data-index="index" @tap="getShowModalselect">
                        <text class="no">第{{ id + 1 }}人</text>
                        <text class="n">{{ i.name }}</text>
                        <text class="_n">></text>
                    </view>
                    <view class="list_c_t_r">
                        <view class="results">
                            <text>业绩：¥</text>
                            <input
                                class="inputPci"
                                type="number"
                                :data-pindex="index"
                                :data-index="id"
                                @input="inputResultsPrice"
                                :value="i.resultsPrice"
                                :placeholder="performance"
                            />
                        </view>
                        <view class="commission">
                            <text>提成：¥</text>
                            <input
                                class="inputPci"
                                type="number"
                                :data-pindex="index"
                                :data-index="id"
                                @input="inputCommissionPrice"
                                :value="i.commissionPrice"
                                :placeholder="royalties"
                            />
                        </view>
                    </view>
                    <image class="del_icon" :data-index="index" @tap="delOneData" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/del_icon.png" mode="" />
                </view>
                <view class="list_c_b" :data-index="index" @tap="getShowModalselect">
                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png" mode="" />
                </view>
            </view>
        </view>
        <view class="card-namebox">
            <view class="cardname_lt">
                <view class="card_name">备注：</view>
                <input :adjust-position="true" :value="remark" @input="getinfo" placeholder="请输入备注内容" type="text" />
            </view>
            <smallchange @send="send" @rounding="rounding"></smallchange>
        </view>
        <!-- 挂单 -->
        <view v-if="showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2q">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">请选择{{ selStatus === 1 ? '手牌' : '门牌' }}号</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains" v-if="selStatus === 1">
                        <view class="handbrand-conter">
                            <view
                                :class="
                                    'handbrandnumber ' +
                                    (item.status === 1 ? 'noSelete' : '') +
                                    ' ' +
                                    (indexs == item.brand && item.status === 0 ? 'handbrandnumberac' : 'handbrandnumber')
                                "
                                @tap="indexnamber"
                                :data-status="item.status"
                                :data-index="item.brand"
                                v-for="(item, index) in hangOrderList"
                                :key="index"
                            >
                                {{ item.brand }}
                            </view>
                        </view>
                    </scroll-view>
                    <scroll-view :scroll-y="true" class="mains" v-if="selStatus === 2">
                        <view class="one_floor" v-for="(item, index) in hangOrderList" :key="index">
                            <view class="floor_title">
                                <view></view>
                                <text>{{ item.floor }}</text>
                            </view>

                            <view class="handbrand-conter">
                                <view
                                    :class="
                                        'handbrandnumber ' +
                                        (i.status === 1 ? 'noSelete' : '') +
                                        ' ' +
                                        (indexs == i.brand && i.status === 0 && pid === item.id ? 'handbrandnumberac' : 'handbrandnumber')
                                    "
                                    @tap="indexNamberFloor"
                                    :data-status="i.status"
                                    :data-brand="i.brand"
                                    :data-id="i.id"
                                    :data-index="id"
                                    :data-pid="item.id"
                                    v-for="(i, id) in item.settings"
                                    :key="i.id"
                                >
                                    {{ i.brand }}
                                </view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            v-if="selStatus === 1"
                            maxlength="11"
                            @input="handbrandsum"
                            value=""
                            placeholder="手动输入其他号码"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2" @tap="entryorders">确认</view>

                        <view class="bnt-sellrl btn_floor" v-if="selStatus === 2" @tap="entryorders">确认</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 抹零 -->
        <view v-if="showModalsmearbut" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2qm">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">抹零方式</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains">
                        <view class="smearbut-box" v-for="(item, index) in smearList" :key="index">
                            <view class="coupon-rl">
                                <view v-if="listindexsmear === index" :data-index="index" @tap="onClicksmear" class="bigbox2">
                                    <view class="smbox"></view>
                                </view>
                                <view
                                    v-else
                                    class="bigbox2"
                                    :data-item="item"
                                    :data-stylistid="item.stylistId"
                                    :data-nickname="item.nickname"
                                    :data-index="index"
                                    @tap="onClickcoupon"
                                ></view>
                            </view>

                            <view>{{ item.manner }}</view>
                        </view>
                    </scroll-view>
                    <view class="coupon-mai">
                        <view class="cancel-bnt" @tap="hideModal">取消</view>
                        <view class="affirm-bnt" @tap="affirm">确认</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import smallchange from '@/component/smallchange/smallchange';
// pagesc/confirmpay/confirmpay.js
import _request from '../../utils/request';
import { toDecimal2 } from '../../utils/util.js';
export default {
    components: {
        smallchange
    },
    data() {
        return {
            memberList: {},
            type: 1,
            showModal: false,
            infoList: [],
            memberid: '',
            price: undefined,
            showModalhandbrand: false,
            hangOrderList: [],
            selStatus: 1,
            performance: '',
            royalties: '',
            sums: '',
            staffid: '',
            listindexsmear: 0,

            smearList: [
                {
                    manner: '抹角',
                    index: 0
                },
                {
                    manner: '抹分',
                    index: 1
                },
                {
                    manner: '四舍五入',
                    index: 2
                },
                {
                    manner: '抹进位',
                    index: 3
                }
            ],

            indexs: 1,
            info: '',
            ajxtrue: false,
            ishint2: false,
            showModalcoupon: false,
            showModalsmearbut: false,
            showModalselect: false,
            phone2: '',
            amountangle: 100.565212,
            memberLists: {},
            phone3: '',
            getStaffInfoList: [],
            listindex: '',
            lists: [],
            selLists: [],
            vipIndex: '',
            Couponslist: [],
            listindexcoupon: '',
            couponid: '',
            num: 0,
            payNum: 0,
            deductionNum: 0,
            MemberDiscountDTO: [],
            isRounding: false,
            remark: '',
            pid: '',
            fid: '',
            addtypeindex: '',
            id: 0,

            i: {
                name: '',
                resultsPrice: '',
                commissionPrice: '',
                status: 0,
                brand: '',
                id: ''
            }
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    //   onLoad:
    //   function (options) {
    //     const eventChannel = this.getOpenerEventChannel();
    //     // 监听 pageBEvent 事件，获取上一页面通过 eventChannel 传送到当前页面的数据
    //     eventChannel.on('pageBEvent', (params) => {
    //         console.log(params);
    //         this.setData({
    //           price:toDecimal2(params.data.join(""))
    //         })
    //     });
    // },
    onLoad(options) {
        console.log(Number(options.contents));
        this.setData({
            // 更新实例数据
            price: toDecimal2(Number(options.contents))
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        ElasticFrameClick() {
            this.setData({
                showModal: true
            });
        },

        goProjectSet(e) {
            const { index } = e.currentTarget.dataset;
            uni.setStorageSync('servesList', JSON.stringify(this.infoList));
            uni.setStorageSync('servesListFlag', true);
            uni.navigateTo({
                url: `/pagesc/projectsetup/projectsetup?index=${index}&memberid=${this.memberid}&serviceIds=${this.serviceIds && JSON.stringify(this.serviceIds)}&memberList=${
                    this.memberList && JSON.stringify(this.memberList)
                }`
            });
        },

        getHangOrderInfo() {
            _request
                .get('/hangOrder/getHangOrder', {
                    shopId: uni.getStorageSync('shopId')
                })
                .then((res) => {
                    console.log(res.data);
                    let hangOrderList = [];

                    if (res.data.data.storeHangOrderType === 1) {
                        for (let i = 0; i < 30; i++) {
                            hangOrderList.push({
                                brand: i + 1,
                                status: 0
                            });
                        }

                        let data = res.data.data.data;
                        hangOrderList.forEach((i) => {
                            data.forEach((j, index) => {
                                if (i.brand == Number(j.brand)) {
                                    i.status = j.status;
                                    data.splice(index, 1);
                                }
                            });
                        });
                        data.forEach((i) => {
                            hangOrderList.push({
                                brand: Number(i.brand),
                                status: i.status
                            });
                        });
                        console.log(data);
                        console.log(hangOrderList);
                    } else {
                        hangOrderList = res.data.data.data;
                    }

                    this.setData({
                        hangOrderList: hangOrderList,
                        selStatus: res.data.data.storeHangOrderType
                    });
                });
        },

        // 获取会员优惠券
        getMemberCoupons(num) {
            console.log(num);

            _request
                .get('/cashierOrder/getMemberCoupons', {
                    shopId: uni.getStorageSync('shopId'),
                    memberId: this.memberid || 0,
                    orderAmount: num
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        this.setData({
                            Couponslist: res.data.data
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 获取会员优惠后的金额
        getMemberDiscount() {
            let data = {
                shopId: uni.getStorageSync('shopId'),
                memberId: this.memberid || 0,
                price: this.num,
                couponRecordId: this.couponid,
                serviceId: this.serviceIds && this.serviceIds.join(','),
                isRounding: this.isRounding
            };

            _request
                .get('/cashierOrder/getMemberDiscount', data)
                .then((res) => {
                    if (res.data.code == 200) {
                        if (data.isRounding) {
                            uni.showToast({
                                title: '抹零成功',
                                icon: 'none'
                            });
                        }

                        this.setData({
                            payNum: res.data.data.amountToBeReceived,
                            deductionNum: res.data.data.discountsData,
                            MemberDiscountDTO: res.data.data.MemberDiscountDTO
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 删除
        delOneData(e) {
            const { index } = e.currentTarget.dataset;
            let data = this.infoList;
            data.splice(index, 1);
            this.setData({
                infoList: data
            }); // this.calculate()
        },

        calculate() {
            let num = 0;
            this.infoList.forEach((i) => {
                num += Number(i.memberPrice);
            });
            this.setData({
                num: num,
                payNum: num
            });
            this.getMemberCoupons(num);
            this.getMemberDiscount();
        },

        getShowModalselect(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                showModalselect: true,
                vipIndex: index
            });
            this.getStaffInfo();
        },

        inputResultsPrice(e) {
            const { index, pindex } = e.currentTarget.dataset;
            this.infoList[pindex].selLists[index].resultsPrice = e.detail.value;
        },

        inputCommissionPrice(e) {
            const { index, pindex } = e.currentTarget.dataset;
            this.infoList[pindex].selLists[index].commissionPrice = e.detail.value;
        },

        getShowModalselect(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                showModalselect: true,
                vipIndex: index
            });
            this.getStaffInfo();
        },

        //点击添加
        goToAddGoods() {
            let ids = [];
            this.infoList.forEach((i) => {
                ids.push(i.id);
            });
            uni.navigateTo({
                url: `/pagesc/ordercashier/ordercashier?type=3&memberid=${this.memberid}&serviceIds=${this.serviceIds && JSON.stringify(this.serviceIds)}&memberList=${
                    this.memberList && JSON.stringify(this.memberList)
                }&ids=${ids && JSON.stringify(ids)}`
            });
        },

        // 备注
        getinfo(e) {
            this.setData({
                remark: e.detail.value
            });
        },

        // 点击挂单
        send(e) {
            // console.log(e.detail);
            this.setData({
                showModalhandbrand: e.detail
            });
            this.getHangOrderInfo();
            console.log(e.detail);
        },

        hideModal() {
            this.setData({
                showModalhandbrand: false
            });
        },

        onClickaddtype(e) {
            const { index } = e.currentTarget.dataset;

            if (index === 0) {
                if (this.distributionType == 1) {
                    uni.showToast({
                        title: '不支持自提',
                        icon: 'none'
                    });
                    return;
                }
            } else if (index === 1) {
                if (this.distributionType == 2) {
                    uni.showToast({
                        title: '不支持快递',
                        icon: 'none'
                    });
                    return;
                }
            }

            this.setData({
                addtypeindex: index
            });
        },

        indexnamber(e) {
            if (e.currentTarget.dataset.status === 1) {
                uni.showToast({
                    title: '手牌号已被选择',
                    icon: 'none'
                });
                return;
            }

            const { index } = e.currentTarget.dataset;
            this.setData({
                indexs: index
            });
        },

        indexNamberFloor(e) {
            const { brand, pid, id } = e.currentTarget.dataset;
            this.setData({
                indexs: brand,
                pid: pid,
                fid: id
            });
        },

        // 点击抹零
        rounding(e) {
            // console.log(e.detail);
            this.setData({
                showModalsmearbut: e.detail
            });
            this.getHangOrderInfo();
            console.log(e.detail);
        },

        hideModal() {
            this.setData({
                showModalsmearbut: false
            });
        },

        trueFun() {
            console.log('占位：函数 true 未声明');
        },

        handbrandsum() {
            console.log('占位：函数 handbrandsum 未声明');
        },

        entryorders() {
            console.log('占位：函数 entryorders 未声明');
        },

        onClicksmear() {
            console.log('占位：函数 onClicksmear 未声明');
        },

        onClickcoupon() {
            console.log('占位：函数 onClickcoupon 未声明');
        },

        affirm() {
            console.log('占位：函数 affirm 未声明');
        }
    }
};
</script>
<style>
/* pagesc/individualpay/index.wxss */
/* pagesc/confirmpay/confirmpay.wxss */
page {
    background: #f1f1f1;
}

.cashier_box_2 {
    width: 750rpx;
    height: 240rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20rpx;
    background: #ffffff;
}
.shop-message {
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(242, 93, 3, 0.16);
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    width: 670rpx;
    justify-content: space-between;
}

.shop-lt {
    width: 314rpx;
    height: 80rpx;
    display: flex;
}
.hr {
    width: 2rpx;
    height: 130rpx;
    background: linear-gradient(0deg, #ffffff, #e94a18, #ffffff);
}

.lt-profile {
    width: 80rpx;
    height: 80rpx;
    margin-left: 20rpx;
}
.lt-profile image {
    width: 80rpx;
    height: 80rpx;
}
/* 567 */
.lt-name {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-left: 13rpx;
    display: flex;
}

.lt-shopvip {
    width: 100rpx;
    height: 32rpx;
    background-color: rgba(233, 74, 24, 0.1);
    border-radius: 4rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    padding: 0rpx 10rpx;
}

.lt-phone {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    align-self: center;
}

.shop-rl {
    margin-right: 20rpx;
}
.btn-right {
    width: 140rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    line-height: 60rpx;
    text-align: center;
}
.rl-vip {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.rl-remaining {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 10rpx;
}

.rl-vipbox {
    margin-left: 28rpx;
}

.goods_list {
    width: 750rpx;
    /* height: 520rpx; */
    margin-top: 20rpx;
    background: #ffffff;
}

.list_t {
    display: flex;
    width: calc(100% + 60rpx);
    height: 99rpx;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}

.list_t_l {
    display: flex;
    align-items: center;
}

.num {
    font-size: 30rpx;
    font-family: Adobe Heiti Std R;
    font-weight: normal;
    color: #333333;
    margin-left: 40rpx;
}

.name {
    margin-left: 10rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}
.price-num {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    line-height: 30px;
}

.list_t_r {
    width: 200rpx;
    margin-right: 40rpx;
    display: flex;
    justify-content: space-between;
}

.edit_icon {
    width: 68rpx;
    height: 68rpx;
}

.del_icon {
    width: 68rpx;
    height: 68rpx;
    position: absolute;
    right: 0;
    top: 35rpx;
}

.list_c {
    border-bottom: 1rpx solid #e5e5e5;
}

.list_c_t {
    width: 670rpx;
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 30rpx 40rpx;
    display: flex;
    position: relative;
}

.list_c_t_l {
    width: 334rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1rpx solid #e5e5e5;
}

.no {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-right: 33rpx;
}

.n {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    display: block;
    width: 100rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
._n {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}
.inputPci {
    width: 100rpx;
    margin-left: 15rpx;
}

.list_c_t_r {
    width: 335rpx;
}

.results {
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.results text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.commission {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70rpx;
}

.commission text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.list_c_b {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40rpx;
    margin-bottom: 40rpx;
}

.list_c_b image {
    width: 68rpx;
    height: 68rpx;
}

.list_b {
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.discount {
    color: red;
    margin-left: 30rpx;
}
.no_vip {
    margin-left: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.price {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-right: 40rpx;
}

.btn_box {
    width: 660rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 40rpx;
    margin: 80rpx auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_box text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.card-namebox {
    height: 670rpx;
    margin-top: 20rpx;
    background-color: #fff;
}

.card_name {
    width: 170rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: right;
}
.cardname_lt {
    display: flex;
    align-items: center;
    height: 110rpx;
    border-bottom: 1rpx solid #e5e5e5;
    margin: 0 40rpx 0;
}

.modal-mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9999;
    color: #fff;
}

/* 手牌 */
.modal-content-showModalhandbrand {
    position: fixed;
    top: 280rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 850rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}
.qrcodetextbox {
    text-align: center;
    height: 113rpx;
    border-bottom: 1rpx solid #e5e5e5;
}

.qrcodetext {
    margin: 0 12rpx;
    font-size: 36rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 113rpx;
}

.qrcodeimage {
    width: 300rpx;
    height: 300rpx;
    display: block;
    margin: 0 auto;
}

.done {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    top: 18rpx;
    right: 11rpx;
}
.time-box2q {
    width: 300rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.time-left {
    width: 21rpx;
    height: 15rpx;
}

.qrcodetextbox2 {
    display: flex;
    height: 180rpx;
    align-items: center;
}

.input-phone-up {
    width: 590rpx;
    height: 80rpx;
    border-radius: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1rpx solid #dcdcdc;
    border-radius: 40px;
    margin: 0 auto;
    padding-left: 20rpx;
}

.inquire2 {
    text-align: center;
    width: 120rpx;
    line-height: 60rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    margin-right: 10rpx;
}
.handbrand-conter {
    display: flex;
    flex-wrap: wrap;
    padding: 0rpx 20rpx;
    margin-top: 40rpx;
}

.handbrandnumber {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e5e5e5;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
}

.handbrandnumberac {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
    color: #fff;
}

.handbrandnumberac:nth-child(5n) {
    margin-right: 0;
}

.handbrandnumber:nth-child(5n) {
    margin-right: 0;
}
.noSelete {
    background: #ccc !important;
    color: #e5e5e5 !important;
}
.mains {
    height: 516rpx;
    overflow-y: auto;
}
.mainss {
    height: 436rpx;
    overflow-y: auto;
}
.coupon-box {
    width: 622rpx;
    height: 190rpx;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/showModalcoupon.png');
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.one_floor {
    border-bottom: 1rpx solid #e5e5e5;
}
.floor_title {
    display: flex;
    align-items: center;
    margin-top: 30rpx;
}
.time-box2qm {
    width: 225rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.bigbox2 {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15rpx;
}
.smbox {
    width: 18rpx;
    height: 18rpx;
    border-radius: 50%;
    background: #e94a18;
}

.coupon-mai {
    display: flex;
    height: 67rpx;
    width: 550rpx;
    margin: 0 auto;
    justify-content: space-between;
}

.cancel-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 201rpx;
    height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}
.affirm-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}
.smearbut-box {
    width: 622rpx;
    height: 100rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
</style>
